<!--联单管理-->
<template>
  <div>
    <!--搜索条件-->
    <div class="ex" v-if='examine'>
      <div class="order">
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
          <el-form-item label="转移联单号">
            <el-input v-model="formInline.orderNumber" placeholder="转移联单号"></el-input>
          </el-form-item>
          <el-form-item label="产废单位">
            <el-select v-model="formInline.wfId" placeholder="产废单位">
              <el-option :label="item.companyName" :value="item.id" v-for="item in wfCompanyList" :key="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="处置单位">
            <el-select v-model="formInline.dpId" placeholder="处置单位">
              <el-option :label="item.companyName" :value="item.id" v-for="(item,index) in czCompanyList" :key="index"></el-option>
            </el-select>
          </el-form-item>
          <!--  <el-form-item label="转移时间">
          <el-date-picker v-model="formInline.pickerTime" type="datetimerange" :picker-options="pickerOptions2" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd">
          </el-date-picker>
        </el-form-item> -->
          <!-- 0:未处理 1调度已确认 2运输已确认 3卸货已确认 -1调度取消 -2运输取消 -3 卸货已取消 -->
          <el-form-item label="阶段" class='wasteType'>
            <el-select v-model="formInline.stage" placeholder="阶段">
              <el-option label="未处理" value="0"></el-option>
              <el-option label="调度已确认" value="1"></el-option>
              <el-option label="运输已确认" value="2"></el-option>
              <el-option label="卸货已确认" value="3"></el-option>
              <el-option label="调度取消" value="-1"></el-option>
              <el-option label="运输取消" value="-2"></el-option>
              <el-option label="卸货已取消" value="-3"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="searchResult">查询</el-button>
            <el-button type="default" @click="resetConditions">重置</el-button>
          </el-form-item>
        </el-form>
        <div style="float: right;">
          <el-button type='primary' style='height: 40px;'>批量下载</el-button>
        </div>
      </div>
      <!--表格展示-->
      <div class="tables">
        <el-table ref="multipleTable" :data="tables" tooltip-effect="dark" style="width: 100%">
          <el-table-column type="selection" width="55">
          </el-table-column>
          <el-table-column type="index" label="序号" width="50">
          </el-table-column>
          <el-table-column prop="orderCode" label="转移联单号">
          </el-table-column>
          <el-table-column prop="wfCompany" label="产废单位">
          </el-table-column>
          <el-table-column prop="dpCompany" label="处置单位">
          </el-table-column>
          <el-table-column prop="origin" label="危废名称">
          </el-table-column>
          <el-table-column prop="wfCode" label="危废类别">
          </el-table-column>
          <el-table-column prop="weight" label="拟运量">
          </el-table-column>
          <el-table-column prop="loadingAw" label="接收量">
          </el-table-column>
          <el-table-column prop="unit" label="单位" width="50">
          </el-table-column>
          <el-table-column prop='state' label='阶段'>
            <template slot-scope='scope'>
              <!-- 0:未处理 1调度已确认 2运输已确认 3卸货已确认 -1调度取消 -2运输取消 -3 卸货已取消 -->
              <span>{{scope.row.state==0?'未处理':scope.row.state==1?'调度已确认':scope.row.state==2?'运输已确认':scope.row.state==3?'卸货已确认':scope.row.state==-1?'调度取消':scope.row.state==-2?'运输取消':'卸货已取消'}}</span>
            </template>
          </el-table-column>
          <el-table-column label="操作" width="200">
            <template slot-scope="scope">
              <el-button @click="handleView(scope.row)" type="text" size="small">查看</el-button>
              <el-button type="text" size="small" @click="handleView(scope.row)">预览</el-button>
              <el-button type="text" size="small" @click='sign'>签字盖章</el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <!--页数展示-->
      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10" layout="total, sizes, prev, pager, next, jumper" :total="total">
      </el-pagination>
    </div>
    <div v-if="!examine">
      <el-button type="text" size="medium" @click="dexamineGoBack">返回</el-button>
      <div class="statement" id='pdfDom'>
        <div class="statementH">
          <span>危险废物转移联单</span>
        </div>
        <div class="statementNumber">
          <span>经营协议编号：{{constractNo}}</span>
          <div class="statementNumberImage">测试图片</div>
        </div>
        <div class="statementC">
          <div class="statementCO">
            <div class="statementCOH">第一部分：废物产废单位</div>
            <div class="statementCOHO">
              <el-form :model="firstSection" label-position="center" inline class="statementCOH-form">
                <el-row>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="产生单位:">
                      <span>{{ firstSection.CGUS }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="电话:">
                      <span>{{ firstSection.CGUSphone }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="通讯地址:">
                      <span>{{ firstSection.CGUSmd }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="邮编:">
                      <span>{{ firstSection.CGUSpostcode }}</span>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="运输单位:">
                      <span>{{ firstSection.trafficunit }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="电话:">
                      <span>{{ firstSection.trafficunitPhone }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="通讯地址:">
                      <span>{{ firstSection.trafficunitMD }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="邮编:">
                      <span>{{ firstSection.trafficunitPC }}</span>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="接收单位:">
                      <span>{{ firstSection.receiver }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="电话:">
                      <span>{{ firstSection.receiverPhone }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="通讯地址:">
                      <span>{{ firstSection.receiverMD }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="邮编:">
                      <span>{{ firstSection.receiverPC }}</span>
                    </el-form-item>
                  </el-col>
                </el-row>
                <div class="statementCOHT">
                  <el-row>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="废物名称:">
                        <span>{{ firstSection.wasteName }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="类别编号:">
                        <span>{{ firstSection.wasteType }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="数量（   吨   ）:">
                        <span>{{ firstSection.wasteCount }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="经营协议总量（吨）:">
                        <span>{{ firstSection.originCount }}</span>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="转移剩余量（吨）:">
                        <span>{{ firstSection.transferRemainCount }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="7" :offset="1">
                      <el-form-item label="废物特性:">
                        <span>{{ firstSection.wastePoints }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="3" :offset="1">
                      <el-form-item label="形态:">
                        <span>{{ firstSection.wasteForm }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="3" :offset="1">
                      <el-form-item label="包装方式:">
                        <span>{{ firstSection.packagedForm }}</span>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="7" :offset="1">
                      <el-form-item label="外运目的:">
                        <el-checkbox-group v-model='firstSection.transferPurpose'>
                          <el-checkbox value='1' label="中转贮存" disabled></el-checkbox>
                          <el-checkbox value='2' label="利用" disabled></el-checkbox>
                          <el-checkbox value='3' label="处理" disabled></el-checkbox>
                          <el-checkbox value='4' label="处置" disabled></el-checkbox>
                        </el-checkbox-group>
                      </el-form-item>
                    </el-col>
                    <el-col :span="7" :offset="1">
                      <el-form-item label="主要危险成分:">
                        <span>{{ firstSection.mainDangerous }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="7" :offset="1">
                      <el-form-item label="禁忌与应急措施:">
                        <span>{{ firstSection.forbbidenAndWays }}</span>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="发运人:">
                        <span>{{ firstSection.beginTransferMan }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="运达地:">
                        <span>{{ firstSection.destination }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="转移时间:">
                        <span>{{ firstSection.transferTimer }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="签字确认:">
                        <span>{{ firstSection.signConfirm }}</span>
                      </el-form-item>
                    </el-col>
                  </el-row>
                </div>
              </el-form>
            </div>
          </div>
          <div class="statementCT">
            <div class="statementCTH">第二部分：废物运输单位</div>
            <div class="statementCTHO">
              <el-form :model="secondSection" label-position="center" inline class="statementCOH-form">
                <div v-for='item in secondSections'>
                  <el-row>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="第一承运人:">
                        <span>{{ item.ysName }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="运输日期:">
                        <span>{{$dateFormat(item.transportationTime,'yyyy-MM-dd hh:mm:ss')}}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="道路运输证号:">
                        <span>{{ roadLicenseNumber }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="运输起点:">
                        <span>{{ beginAddress }}</span>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="经由地:">
                        <span>{{ item.byPoint }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="运输终点:">
                        <span>{{ item.pdAddress }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="车（船）型:">
                        <span>{{ item.trailerNumber?'大':'小' }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="牌照号:">
                        <span>{{ item.carNumber }}</span>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="5" :offset="1">
                      <el-form-item label=" 挂车牌照号:">
                        <span>{{ item.trailerNumber }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="司机:">
                        <span>{{ item.driverName }}</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" :offset="1">
                      <el-form-item label="确认签字:">
                        <span>{{ item.desc }}</span>
                      </el-form-item>
                    </el-col>
                  </el-row>
                </div>
              </el-form>
            </div>
          </div>
          <div class="statementCW">
            <div class="statementCWH">第三部分：废物接收单位</div>
            <div class="statementCWHO">
              <el-form :model="thirdSection" label-position="center" inline class="statementCOH-form">
                <el-row>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="经营许可证号:">
                      <span>{{ thirdSection.organizationCode }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="接收日期:">
                      <span>{{ thirdSection.unloadingAt }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="实际接收量:">
                      <span>{{ thirdSection.unloadingAw }}</span>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5" :offset="1">
                    <el-form-item label="经办人:">
                      <span>{{ thirdSection.linkMan }}</span>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="11" :offset="1">
                    <el-form-item label="废物处置方式:">
                      <el-checkbox-group v-model='thirdSection.disposalMethod'>
                        <el-checkbox value='1' label="利用" disabled></el-checkbox>
                        <el-checkbox value='2' label="贮存" disabled></el-checkbox>
                        <el-checkbox value='3' label="焚烧" disabled></el-checkbox>
                        <el-checkbox value='4' label="安全填埋" disabled></el-checkbox>
                        <el-checkbox value='5' label="其他" disabled></el-checkbox>
                      </el-checkbox-group>
                    </el-form-item>
                  </el-col>
                  <el-col :span="11" :offset="1">
                    <el-form-item label="签字确认:">
                      <span>{{ thirdSection.dpSign }}</span>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-form>
            </div>
          </div>
        </div>
        <div class="statementTable">
          <el-table :data="statementTables" border style="width: 100%" class="statementTables">
            <el-table-column prop="createCompany" label="公司"></el-table-column>
            <el-table-column prop="warnTitle" label="操作"></el-table-column>
            <el-table-column prop="warnContent" label="内容"></el-table-column>
            <el-table-column label="操作时间">
              <template slot-scope='scope'>
                <span>{{$dateFormat(scope.row.createAt,'yyyy-MM-dd hh:mm:ss')}}</span>
              </template>
            </el-table-column>
            <el-table-column label="状态">
              <template slot-scope='scope'>
                <span>{{scope.row.isConfirm==0?'未确认':'已确认'}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="createName" label="操作人"></el-table-column>
          </el-table>
        </div>
      </div>
    </div>
    <div class="isFiltratecheckboxButtom" style="padding-bottom: 80px;margin-top: 30px;" v-if="!examine">
      <el-row>
        <el-col :span="8" :offset="10">
          <el-button type="primary" @click="examineSelection()">确认签字盖章</el-button>
          <el-button type="default" @click="examineSelection()">关闭</el-button>
          <el-button type="primary" @click="downloadFile">下载PDF</el-button>
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<script>
export default {
  inject: ['reload'],
  data() {
    return {

      htmlTitle: '测试导出PDF文件',
      tables: [],
      formInline: {
        wfId: '',
        dpId: '',
        // pickerTime:[],
        stage: null
      },
      pickerOptions2: {
        shortcuts: [{
          text: '最近一周',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
            picker.$emit('pick', [start, end]);
          }
        }, {
          text: '最近一个月',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
            picker.$emit('pick', [start, end]);
          }
        }, {
          text: '最近三个月',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
            picker.$emit('pick', [start, end]);
          }
        }]
      },
      currentPage: 1,
      value5: '',
      czCompanyList: [],
      wfCompanyList: [],
      total: 0,
      examine: true,
      // 五联单第一部分数据
      firstSection: {
        CGUS: '',
        CGUSphone: '',
        CGUSmd: '',
        CGUSpostcode: '',
        trafficunit: '',
        trafficunitPhone: '',
        trafficunitMD: '',
        trafficunitPC: '',
        receiver: '',
        receiverPhone: '',
        receiverMD: '',
        receiverPC: '',
        wasteName: '',
        wasteType: '',
        wasteCount: '',
        originCount: '',
        transferRemainCount: '',
        wastePoints: '',
        wasteForm: '',
        packagedForm: "",
        transferPurpose: [],
        mainDangerous: '',
        forbbidenAndWays: '',
        beginTransferMan: '',
        destination: '',
        transferTimer: '',
        signConfirm: ''
      },
      // 第二部分数据
      secondSections: [],
      secondSection: {},

      // 第三部分数据
      thirdSection: {
        organizationCode: '',
        unloadingAt: '',
        unloadingAw: '',
        linkMan: '',
        disposalMethod: [],
        dpSign: ''

      },
      statementTables: [],
      constractNo: '',
    }
  },
  mounted() {
    this.$common.$ajax("/sys/company/select", { companyType: 2 }, "get").then(res => {
      // console.log(res.data.body)
      this.czCompanyList = res.data.body;
    });

    this.$common.$ajax("/sys/company/select", { companyType: 1 }, "get").then(res => {
      // console.log(res.data.body)
      this.wfCompanyList = res.data.body;
    });
    this.initDataList()
  },
  methods: {
    initDataList() {
      this.$common.$ajax('/op/quintuplet/findList', {
        page: 1,
        limit: 10,
        orderCode: this.formInline.orderNumber,
        wfId: this.formInline.wfId,
        dpId: this.formInline.dpId,
        state: this.formInline.stage
      }, 'get').then(res => {
        console.log(res.data)
        this.tables = res.data.body.list;
        this.total = res.data.body.total
      })
    },
    searchResult() {
      this.initDataList()
    },
    resetConditions() {
      for (let item in this.formInline) {
        console.log(item)

        if (Array.isArray(this.formInline[item])) {
          this.formInline[item] = []
        } else {
          this.formInline[item] = ''
        }
      }
      this.initDataList()
    },
    onSubmit() {
      console.log('submit!');
    },
    handleClick(row) {
      console.log(row)
    },
    handleView(row) {
      this.examine = false
      // 请求数据
      this.$common.$ajax('/op/quintuplet/quintupletInfo', { transportId: row.id }, 'get').then(res => {
        console.log(res.data);
        // 由于返回的数据格式比较乱...所以 先吃饭吧！
        this.constractNo = res.data.body.opContract ? res.data.body.opContract.contractNo : ''; //合同编号
        this.dataArray = res.data.body;
        this.firstSection.CGUS = this.dataArray.wfCompany.companyName;
        this.firstSection.CGUSphone = this.dataArray.wfCompany.linkMobile;
        this.firstSection.CGUSmd = this.dataArray.wfCompany.address;
        this.firstSection.CGUSpostcode = this.dataArray.wfCompany.postCode
        this.firstSection.trafficunit = this.dataArray.ysCompany ? this.dataArray.ysCompany.companyName : ''
        this.firstSection.trafficunitPhone = this.dataArray.ysCompany ? this.dataArray.ysCompany.linkMobile : ''
        this.firstSection.trafficunitMD = this.dataArray.ysCompany ? this.dataArray.ysCompany.address : ''
        this.firstSection.trafficunitPC = this.dataArray.ysCompany ? this.dataArray.ysCompany.postCode : ''
        this.firstSection.receiver = this.dataArray.dpCompany.companyName
        this.firstSection.receiverPhone = this.dataArray.dpCompany.linkMobile
        this.firstSection.receiverMD = this.dataArray.dpCompany.address
        this.firstSection.receiverPC = this.dataArray.dpCompany.postCode
        this.firstSection.wasteName = this.dataArray.opOrder.origin
        this.firstSection.wasteType = this.dataArray.opOrder.wfCode
        this.firstSection.wasteCount = this.dataArray.opOrder.wfWeight
        this.firstSection.originCount = this.dataArray.opContract ? this.dataArray.opContract.totalWeight : ''
        this.firstSection.transferRemainCount = this.dataArray.opContract ? this.dataArray.opContract.surplusWeight : ''
        this.firstSection.wastePoints = this.dataArray.wfWasteType.characteristic
        this.firstSection.wasteForm = this.dataArray.wfWasteType.form
        this.firstSection.packagedForm = this.dataArray.wfWasteType.packingMethod
        // this.firstSection.transferPurpose = [] //外运目的
        // this.firstSection.transferPurpose = this.dataArray.wfWasteType.objective.split(',')
        this.firstSection.transferPurpose = this.dataArray.wfWasteType.objective.split(',').map(item => {
          return item == 1 ? '中装贮存' : item == 2 ? '利用' : item == 3 ? '处理' : '处置'
        })
        this.firstSection.mainDangerous = this.dataArray.wfWasteType.dangerousComponent
        this.firstSection.forbbidenAndWays = this.dataArray.wfWasteType.emergencyMeasure
        this.firstSection.beginTransferMan = this.dataArray.wfCompany.linkMan;
        this.firstSection.destination = this.dataArray.dpCompany.address
        this.firstSection.transferTimer = this.dataArray.opTransport.transportationTime || ''
        this.firstSection.signConfirm = ''
        console.log(this.firstSection.transferPurpose)
        // 第二部分赋值
        this.roadLicenseNumber = this.dataArray.ysCompany.roadLicenseNumber
        this.beginAddress = this.dataArray.ysCompany.address
        this.secondSections = res.data.body.opDispatchCarpools;

        // 第三部分赋值
        this.thirdSection.organizationCode = this.dataArray.dpCompany.organizationCode;
        this.thirdSection.unloadingAt = this.dataArray.opTransport.unloadingAt;
        this.thirdSection.unloadingAw = this.dataArray.opTransport.unloadingAw;
        this.thirdSection.linkMan = this.dataArray.dpCompany.linkMan;
        this.thirdSection.disposalMethod = this.dataArray.dpCompany.disposalMethod.split(',').map(item => {
          return item == 1 ? '利用' : item == 2 ? '贮存' : item == 3 ? '焚烧' : item == 4 ? '安全填埋' : '其他'
        });
        this.thirdSection.dpSign = this.dataArray.opTransport.dpSign;


        this.statementTables = this.dataArray.opMessages
      })
    },
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
      this.limit = val;
      this.initDataList()
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
      this.page = val;
      this.initDataList()
    },
    dexamineGoBack() {
      // this.examine = true;
      this.reload()
    },
    examineSelection() {
      this.reload()
    },
    sign() {
      alert('暂时无法线上签名！等待后续完善')
    },
    downloadFile(row) {
      this.$nextTick(() => {

        this.getPdf()
      })
    }
  },
  components: {

  }
}

</script>
<style lang="scss" scoped>
.demo-form-inline {
  padding-left: 20px;
  float: left;
}

.elHight {
  height: auto !important;
}

.order {
  border-radius: 10px;
  padding-top: 30px;
  background-color: #f7f7f7;
}

.result span {
  font-size: 15px;
  margin-left: 20px;
}

.speculation {
  margin-top: 10px;
}

.elHight {
  height: auto !important;
}

.order {
  border-radius: 10px;
  padding-top: 30px;
  background-color: #f7f7f7;
}

.result span {
  font-size: 15px;
  margin-left: 20px;
}

.speculation {
  margin-top: 10px;
}

//报表
.statement {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #f7f7f7;
}

.statementH {
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
}

.statementH span {
  font-size: 35px;
}

.statementNumber {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.statementNumber span {
  width: 530px;
  height: 115px;
  text-align: center;
  line-height: 115px;
  margin-left: 5%;
}

.statementNumberImage {
  width: 530px;
  height: 115px;
  margin-right: 5%;
}

.statementC {}

.statementCOH {
  font-size: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

.statementCOH-form {
  padding-top: 20px;
}

.statementCOHO {
  // border-bottom: 1px solid #cccccc;
}

.statementCOHT {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  padding-top: 20px;
}

.statementCTH {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

.statementCTHO {
  border-bottom: 1px solid #cccccc;
}

.statementCWH {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

.statementCWHO {
  border-bottom: 1px solid #cccccc;
}

.statementTable {
  margin-top: 20px;
}

.statementTable {
  border: 1px solid #cccccc !important;
}

.statement .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #409eff !important;
}

.menuList {
  width: 100%;
  margin-top: 30px;

  .menuTitle {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebeef5;

    li {
      height: 40px;
      // width: 18%;
      width: calc(100% / 7);

      span {
        font-size: 16px;
        display: inline-block;
        height: 100%;
        line-height: 40px;
        width: 100%;

        text-align: left;
      }

      // &:nth-child(3) {
      // width: 10%
      // }
    }
  }

  .menuBody {
    border-bottom: 1px solid #ebeef5;
    width: 100%;

    li.menuitem {
      width: 100%;

      div {
        height: 50px;
        display: flex;
        width: calc(100% / 7);
        align-items: center;
        font-size: 14px;

        // &:nth-child(3) {
        //   width: 10%
        // }

        a {
          margin-right: 15px;
          color: #409eff;

          &:hover {
            cursor: pointer;
            color: #1268c1;
          }
        }
      }
    }
  }

  .subMenu {
    width: 100%;
    min-height: 50px;
    display: none;
    padding-left: 20px;

    .subItem {
      width: 100%;
      height: 50px;

      div {
        float: left;
      }
    }
  }
}

.topInfo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 40px;
  line-height: 40px;

  span {
    font-size: 20px;
    color: #666;
  }
}

</style>
